<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <div id="app">
        局部组件: <v-test></v-test>
    </div>

    <div id="app2">
        <!--局部组件: <v-test></v-test>-->
    </div>
</body>
<script src="../js/vue.js"></script>
<script>
    Vue.config.productionTip = false;

    //根配置可以使用el
    new Vue({
        el:"#app", // 1.指定根节点的挂载位置 2.指定当前根组件对应的模板
        data:{
           msg:"message from data"
        },
        components:{
            "v-test":{
                template:"<strong>v-test</strong>"
            }
        }
    })

    new Vue({
        el:"#app2", // 1.指定根节点的挂载位置 2.指定当前根组件对应的模板
        data:{
            msg:"message from data"
        }
    })
</script>
</html>